/* 活动页样式 */

@media screen and (max-width:319px){
	html{
		font-size: 16px;
	}
}
@media screen and (min-width:320px) and(max-width:360px){
	html{
		font-size: 21.5px;
	}
}
@media screen and (min-width:361px) and(max-width:415px){
	html{
		font-size: 28px;
	}
}
@media screen and (min-width:416px) and(max-width:767px){
	html{
		font-size: 48px;
	}
}
@media screen and (min-width:768px) and(max-width:1023px){
	html{
		font-size: 56px;
	}
}
@media screen and (min-width:1024px){
	html{
		font-size: 70px;
	}
}


body,ol,li,img{padding: 0;margin:0;}
body{font-family: "宋体","微软雅黑";}
i{font-style: normal;}
body{background: #fffbc8;}
.clearfix{zoom:1;}
.clearfix:after{clear:both;height: 0;height: 0;overflow:hidden;}
/* css3图形控制 */

/*三角--左*/
.deltas(left,@dw:0.5rem,@color:#13daab){
	border-width: @dw;
	border-color:transparent @color transparent transparent ;/*上右下左*/
	border-style: dashed dashed solid dashed ; 
}
/*三角默认带有样式*/
.deltas(@_,@dw:0.5rem,@color:#13daab){
	width: 0;
	height: 0;
	overflow:hidden;
}
/* 圆角矩形 */
.border-radius(@up:1rem,@right:1rem,@down:1rem,@left:1rem){
	-webkit-border-radius:@arguments;
	-moz-border-radius:@arguments;
	-o-border-radius:@arguments;
	-ms-border-radius:@arguments;
	border-radius:@arguments;
}

/* 旋转 */
.tranY(@d:180deg){
	-ms-transform:rotateY(@d); 	/* IE 9 */
	-moz-transform:rotateY(@d); 	/* Firefox */
	-webkit-transform:rotateY(@d); /* Safari 和 Chrome */
	-o-transform:rotateY(@d); 	/* Opera */
	transform:rotateY(@d);
}

header{background: #fff;width:100%;height:1.93rem;position:relative;top:0;left:0;}
header h1{font-size:0.8rem;position: absolute;top:50%;left:50%;margin-left:-1.5rem;margin-top:-0.42rem;color:#13daab;}
.delta{position: absolute;top:50%;left:0;margin-top: -0.5rem; .deltas(left);display:block;}
.share{position: absolute;top:50%;right:0.5rem;margin-top: -0.5rem;background: url(../img/02.png) center center no-repeat;display: block;width:1.4rem;height: 1.4rem;}

.pic{position:relative;width: 100%;}
.act1 img{width:14.825rem;height: 10.667rem;}
.act2 img{width:14.825rem;height: 15.334rem;position: absolute;top:10.667rem;left: 0;margin-top: -3.5rem;}

.content{.border-radius();background: #f7ecb1;margin:0 auto;width:12rem;position: relative;top:12rem;left: 0;padding:20px 30px;}
.content dt{font-family:"微软雅黑";font-weight:900;font-size:1.2rem;color: #13daab;-webkit-text-stroke:1px #fff;text-align: center;}
.content dl{font-size: 0.8rem;}

footer{position: relative;top:14rem;left:0;width: 100%;height: 10rem;margin-bottom: 1rem;}
.QR{position: absolute;top:0;left:50%;margin-left: -3rem;}
.QR h1{font-size: 0.8rem;text-align: center;}
.QR img{width:6rem;height:6rem;}
.QR .qrcon{.border-radius(2rem,2rem,2rem,2rem);background: #f7ecb1;width:6rem;height: 1.8rem;margin:0 auto;position: relative;}
.QR .qrcon p{font-size: 0.45rem;position: absolute;top:-0.2rem;left: 0.5rem;}
.QR .qrcon p:nth-child(2){top:0.6rem;left: 50%;margin-left: -1.1rem;}
.wish{width:100%;position: absolute;top: 5rem;left: 0;}
.wish img{position: absolute;top:0;}
.wish img:last-child{right: 0;.tranY();}